<template>
    <div class="new-top">
        <div class="new-title">{{title}}</div>
        <div class="new-more">
            <span>当前位置：</span>

            <router-link :to="{path:'/home'}">首页</router-link>
            <template v-if="path2">
                <span class="seperate"> > </span>
                <router-link :to="{path:path2}"> 组内成员</router-link>
            </template>    
            <span class="seperate"> > </span>
            <router-link :to="{path}"> {{title}}</router-link>
            <!-- <el-breadcrumb separator-class="el-icon-arrow-right">
                <el-breadcrumb-item :to="{ path: '/home' }">首页</el-breadcrumb-item>
                <el-breadcrumb-item :to="{path}">{{title}}</el-breadcrumb-item>
                <el-breadcrumb-item>555</el-breadcrumb-item>
            </el-breadcrumb> -->
        </div>
    </div>
    
</template>

<script>
export default {
    props:{
        title:'',
        path:'',
        path2:''
    },
    components:{
    },
    data(){
        return {
            
        }
    },
}
</script>

<style lang="less" scoped>
.new-top {
    margin-top: 5px;
    padding: 0px 0 8px;
    border-bottom: 2px solid #00659B;
    display: flex;
    justify-content: space-between;
    margin-bottom: 20px;
    .new-title {
        line-height: 35px;
        font-size: 22px;
        color: #00659B;
    }
    .new-more {
       display: flex;
       align-items: center;
       font-size: 13px;
    }
    .seperate {
        margin: 0 6px;
    }
}
</style>